<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组定义方式</title>
    <script>
        function f1(){
            // 创建一个数组对象,并未给数组元素赋值
            // 此时的长度为0
            let arr = new Array();
            arr[1] = "admin";
            arr[3] = "alice";
            arr[6] = "jack";
            // console.log(arr.length);
            for(let i = 0; i < arr.length; i++){
                console.log(arr[i]);
            }
        }
        function f2(){
            // 定义了一个数组,数组的初始元素为1,2,3
            // 此时的长度为3
            // 在js中,数组的长度可变
            let arr = new Array(1,2,3);
            arr[5] = 10;
            console.log(arr.length);
            for(let i = 0; i < arr.length; i++){
                console.log(arr[i]);
            }
        }
        function f3(){
            // 当Array参数是一个数字时,表示初始化数组的长度
            // 如果参数不是一个数字,或者数字不止一个,表示初始化数组元素的内容
            let arr = new Array(3);
            // let arr = new Array("admin");
            arr[0] = "admin";
            arr[1] = "alice";
            arr[2] = "jack";
            console.log(arr.length);
            for(let i = 0; i < arr.length; i++){
                console.log(arr[i]);
            }
        }
        function f4(){
            // JSON格式语法的数组
            // 目前主流方式
            let arr = ["李白","虞姬","项羽","貂蝉","吕布"];
            arr[6] = "赵云";
            for(let i = 0; i < arr.length; i++){
                console.log(arr[i]);
            }
        }
    </script>
</head>
<body>
<button onclick="f1()">数组定义方式一</button><br>
<button onclick="f2()">数组定义方式二</button><br>
<button onclick="f3()">数组定义方式三</button><br>
<button onclick="f4()">数组定义方式四</button><br>
</body>
</html>